body {
  min-width: 320px;
  width: 10rem;
  margin: 0 auto;
  line-height: 1.5;
  font-family: Arial,Helvetica;
  background: #fff;
}
.w {
  width: 9.173333rem;
  margin: 0 auto;
}
header {
  height: 9.12rem;
  padding-top: 0.32rem;
  box-sizing: border-box;
}
header .top {
  width: 100%;
  height: 0.88rem;
  display: flex;
  justify-content: space-between;
}
header .top .topr,
header .top .topl {
  width: 0.853333rem;
  height: 100%;
}
header .top .topr img,
header .top .topl img {
  width: 100%;
  height: 100%;
}
header .commod {
  width: 100%;
  height: 7.92rem;
  background: url(../imgaes/commodity/组\ 1401@3x.png) no-repeat;
  background-size: cover;
  position: relative;
}
header .commod p {
  opacity: 50%;
  width: 1.2rem;
  height: 0.613333rem;
  background-color: #333333;
  border-radius: 0.613333rem;
  color: #ffffff;
  font-size: 0.32rem;
  line-height: 0.613333rem;
  text-align: center;
  position: absolute;
  right: 0.426667rem;
  bottom: 0.346667rem;
}
.bg {
  width: 100%;
  height: 1.6rem;
  background: url(../imgaes/commodity/price@3x.png) no-repeat;
  background-size: contain;
}
.bg .bg-txt {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.bg .bg-txt .bgl {
  height: 100%;
  width: 2.666667rem;
  padding-top: 0.24rem;
  box-sizing: border-box;
  line-height: 0.4rem;
}
.bg .bg-txt .bgl p {
  font-weight: 600;
  color: #ffffff;
  font-size: 0.533333rem;
}
.bg .bg-txt .bgl p i {
  font-size: 0.32rem;
}
.bg .bg-txt .bgl span {
  font-size: 0.32rem;
  color: #fff;
}
.bg .bg-txt .bgl span i {
  text-decoration: line-through;
}
.bg .bg-txt .bgr {
  width: 2.266667rem;
  height: 100%;
  padding-top: 0.24rem;
  box-sizing: border-box;
}
.bg .bg-txt .bgr p {
  color: #ffffff;
  font-size: 0.32rem;
}
.bg .bg-txt .bgr ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.213333rem;
}
.bg .bg-txt .bgr ul li {
  width: 0.32rem;
  height: 0.32rem;
  background-color: #fff;
  color: #cc2525;
  text-align: center;
  line-height: 0.32rem;
  font-size: 0.213333rem;
}
.bg .bg-txt .bgr ul li:nth-child(1) {
  width: 0.666667rem;
  background: none;
  font-size: 0.213333rem;
}
.bg .bg-txt .bgr ul i {
  color: #fff;
  font-size: 0.213333rem;
}
.yh {
  width: 9.173333rem;
  height: 0.8rem;
  background-color: #fff1ea;
  margin: 0.266667rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.213333rem;
  box-sizing: border-box;
}
.yh img {
  width: 2.453333rem;
  height: 0.533333rem;
}
.yh p {
  font-weight: 600;
  color: #ff6200;
  font-size: 0.32rem;
  position: relative;
  margin-right: 10px;
}
.yh p::before {
  position: absolute;
  right: -0.266667rem;
  top: 0.106667rem;
  content: "";
  display: block;
  width: 0.213333rem;
  height: 0.213333rem;
  border-top: 0.053333rem solid #fb5906;
  border-right: 0.053333rem solid #fb5906;
  transform: rotate(45deg);
}
.tt {
  width: 9.173333rem;
  height: 2.586667rem;
  margin: 0 auto;
  padding-top: 0.373333rem;
  box-sizing: border-box;
}
.tt p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
  margin-bottom: 0.266667rem;
}
.tt p span {
  display: inline-block;
  width: 0.8rem;
  height: 0.4rem;
  margin: 0;
}
.tt p span img {
  width: 0.8rem;
  height: 0.4rem;
}
.tt .img {
  width: 1.893333rem;
  height: 0.533333rem;
}
.jx {
  width: 9.173333rem;
  height: 7.2rem;
  margin: 0.266667rem auto 0.266667rem;
}
.jx img {
  width: 0.213333rem;
  height: 0.346667rem;
}
.jx .jx-1 {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}
.jx .jx-1 p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
}
.jx .jx-1 .jx-2 {
  width: 7.866667rem;
  height: 1.6rem;
  box-sizing: border-box;
  border-bottom: 0.026667rem solid #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.48rem;
}
.jx .jx-1 .jx-2 span {
  color: #494955;
  font-size: 0.426667rem;
}
.jx .jx-3 {
  width: 100%;
  height: 2.186667rem;
  display: flex;
  align-items: center;
}
.jx .jx-3 p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
}
.jx .jx-3 .jx-4 {
  width: 7.866667rem;
  height: 100%;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jx .jx-3 .jx-4 .jx-t {
  width: 4.8rem;
  height: 100%;
  padding: 0.773333rem 0 0 0.506667rem;
  box-sizing: border-box;
}
.jx .jx-3 .jx-4 .jx-t p {
  color: #494955;
  font-size: 0.426667rem;
}
.jx .jx-3 .jx-4 .jx-t p:nth-child(2) {
  font-size: 0.373333rem;
}
.jx .jx-5 {
  width: 100%;
  height: 1.546667rem;
  display: flex;
  align-items: center;
}
.jx .jx-5 p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
}
.jx .jx-5 .jx-6 {
  height: 100%;
  width: 7.866667rem;
  box-sizing: border-box;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f6f6f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.48rem;
}
.jx .jx-5 .jx-6 span {
  color: #494955;
  font-size: 0.426667rem;
}
.jx .jx-7 {
  width: 100%;
  height: 1.866667rem;
  display: flex;
  align-items: center;
}
.jx .jx-7 p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
}
.jx .jx-8 {
  width: 7.866667rem;
  height: 100%;
  border-top: 1px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.48rem;
}
.jx .jx-8 span {
  color: #494955;
  font-size: 0.426667rem;
}
.conter {
  width: 100%;
  height: 1.786667rem;
  border-radius: 0.266667rem;
  margin-bottom: 0.266667rem;
}
.conter .conter-w {
  height: 100%;
  display: flex;
  align-items: center;
}
.conter .conter-w p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
}
.conter .conter-w ul {
  display: flex;
  height: 100%;
  width: 7.866667rem;
  justify-content: space-between;
}
.conter .conter-w ul li {
  width: 20%;
  text-align: center;
  padding-top: 0.4rem;
  box-sizing: border-box;
}
.conter .conter-w ul li:nth-child(4) {
  width: 30%;
}
.conter .conter-w ul li p {
  color: #494955;
  font-size: 0.373333rem;
}
.conter .conter-w ul li p:nth-child(2) {
  color: #b0b8c2;
  font-size: 0.32rem;
}
.pl {
  width: 100%;
  height: 9.2rem;
}
.pl .pl-w {
  height: 100%;
  padding-top: 0.613333rem;
  box-sizing: border-box;
}
.pl .pl-w .plt {
  width: 100%;
  height: 0.533333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pl .pl-w .plt p {
  font-weight: 600;
  color: #202020;
  font-size: 0.426667rem;
}
.pl .pl-w .plt p i {
  display: inline-block;
  width: 0.133333rem;
  height: 0.48rem;
  background-color: #fd444c;
  border-radius: 0.533333rem;
  vertical-align: middle;
  margin-right: 0.106667rem;
}
.pl .pl-w .plt a {
  color: #b0b8c2;
  font-size: 0.426667rem;
  margin-left: 2rem;
}
.pl .pl-w .plt img {
  width: 0.133333rem;
  height: 0.293333rem;
}
.pl .pl-w .xq {
  width: 100%;
  height: 0.746667rem;
  margin-top: 0.533333rem;
}
.pl .pl-w .xq span {
  display: block;
  width: 3.2rem;
  height: 0.746667rem;
  background-color: #f2f2f2;
  border-radius: 0.133333rem;
  text-align: center;
  line-height: 0.746667rem;
  color: #202020;
  font-size: 0.373333rem;
  float: left;
}
.pl .pl-w .xq span:nth-child(2) {
  width: 3.466667rem;
  margin-left: 0.4rem;
}
.pl .pl-w .yht {
  width: 100%;
  height: 3.733333rem;
  margin-top: 0.373333rem;
}
.pl .pl-w .yht .yh-g {
  width: 100%;
  height: 1.066667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pl .pl-w .yht .yh-g .yh-img {
  width: 3.466667rem;
  height: 100%;
}
.pl .pl-w .yht .yh-g .yh-img img {
  display: inline-block;
  width: 1.066667rem;
  height: 1.066667rem;
  vertical-align: middle;
}
.pl .pl-w .yht .yh-g .yh-img span {
  font-weight: 500;
  color: #000000;
  font-size: 0.32rem;
}
.pl .pl-w .yht .yh-g .yh-img .imgtr {
  width: 1.093333rem;
  height: 0.346667rem;
}
.pl .pl-w .yht .yh-g .wx {
  width: 2.533333rem;
  height: auto;
}
.pl .pl-w .yht .yh-g .wx img {
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
}
.pl .pl-w .yht .text {
  width: 100%;
  height: 1.173333rem;
  color: #494955;
  font-size: 0.426667rem;
  margin: 0.346667rem 0 0.133333rem 0;
}
.pl .pl-w .yht .gg {
  width: 100%;
  height: 1.066667rem;
  display: flex;
}
.pl .pl-w .yht .gg p {
  color: #b0b8c2;
  font-size: 0.373333rem;
}
.pl .pl-w .yht .gg .gg-t {
  height: 0.933333rem;
  width: 7.733333rem;
  border-bottom: 1px solid #ededed;
}
.pl .pl-w .yht .gg .gg-t p {
  color: #b0b8c2;
  font-size: 0.373333rem;
}
.pl .pl-w .wd {
  width: 100%;
  height: 2.666667rem;
}
.pl .pl-w .wd .wd1 {
  width: 100%;
  height: 0.533333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}
.pl .pl-w .wd .wd1 p {
  font-weight: 600;
  color: #2f2e2e;
  font-size: 0.426667rem;
}
.pl .pl-w .wd .wd1 p i {
  display: inline-block;
  width: 0.133333rem;
  height: 0.48rem;
  background-color: #fd444c;
  border-radius: 0.533333rem;
  vertical-align: middle;
  margin-right: 0.106667rem;
}
.pl .pl-w .wd .wd1 a {
  color: #b0b8c2;
  font-size: 0.426667rem;
  margin-left: 3.866667rem;
}
.pl .pl-w .wd .wd1 img {
  width: 0.133333rem;
  height: 0.293333rem;
}
.pl .pl-w .wd .wd2 {
  width: 100%;
  height: 0.48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.32rem;
}
.pl .pl-w .wd .wd2 span {
  color: #494955;
  font-size: 0.426667rem;
}
.pl .pl-w .wd .wd2 span img {
  width: 0.426667rem;
  height: 0.426667rem;
  display: inline-block;
  vertical-align: middle;
}
.pl .pl-w .wd .wd2 a {
  color: #8c9198;
  font-size: 0.373333rem;
  margin-right: 0.133333rem;
}
.foot {
  height: 325px;
  padding-top: 0.48rem;
}
.foot .wd1 {
  width: 100%;
  height: 0.533333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}
.foot .wd1 p {
  font-weight: 600;
  color: #2f2e2e;
  font-size: 0.426667rem;
}
.foot .wd1 p i {
  display: inline-block;
  width: 0.133333rem;
  height: 0.48rem;
  background-color: #fd444c;
  border-radius: 0.533333rem;
  vertical-align: middle;
  margin-right: 0.106667rem;
}
.foot .wd1 a {
  color: #b0b8c2;
  font-size: 0.426667rem;
  margin-left: 4.666667rem;
}
.foot .wd1 img {
  width: 0.133333rem;
  height: 0.293333rem;
}
.foot .foot-t {
  width: 100%;
  height: 3.2rem;
  margin-bottom: 0.666667rem;
}
.foot .foot-t .foot-r {
  width: 100%;
  height: 0.533333rem;
  margin-bottom: 0.4rem;
  line-height: 0;
}
.foot .foot-t .foot-r span {
  color: #6a6c6b;
  font-size: 0.373333rem;
}
.foot .foot-t .foot-r span:nth-child(2) {
  font-weight: 600;
  color: #202020;
  font-size: 0.373333rem;
  margin-left: 1.626667rem;
}
.foot .foot-t .foot-r:nth-child(4) {
  margin: 0;
}
.foot .footer {
  width: 100%;
  height: 1.066667rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.666667rem;
}
.foot .footer p {
  font-weight: 600;
  color: #202020;
  font-size: 0.373333rem;
  width: 1.786667rem;
}
.foot .footer ul {
  height: 100%;
  width: 7.92rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #ededed;
}
.foot .footer ul li {
  width: 20%;
  font-weight: 600;
  color: #202020;
  font-size: 0.373333rem;
}
.imgtre {
  width: 100%;
  height: auto;
}
.imgtre img {
  width: 100%;
  height: auto;
}
footer {
  width: 100%;
  height: 1.44rem;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
}
footer ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
footer ul li {
  box-sizing: border-box;
}
footer ul li:nth-child(1) {
  width: 2.72rem;
  height: 100%;
  border-right: 1px solid #f8f8f8;
  padding-top: 0.266667rem;
}
footer ul li:nth-child(1) span {
  display: inline-block;
  text-align: center;
}
footer ul li:nth-child(1) span:nth-child(1) {
  width: 0.933333rem;
  height: 0.826667rem;
  margin-left: 0.293333rem;
}
footer ul li:nth-child(1) span:nth-child(1) img {
  width: 0.56rem;
  height: 0.453333rem;
  margin: 0 auto;
}
footer ul li:nth-child(1) span p {
  color: #323232;
  font-size: 0.213333rem;
  line-height: 0.426667rem;
}
footer ul li:nth-child(1) span:nth-child(2) {
  width: 1.2rem;
  height: 0.826667rem;
}
footer ul li:nth-child(1) span:nth-child(2) img {
  width: 0.56rem;
  height: 0.48rem;
  margin: 0 auto;
}
footer ul li:nth-child(2) {
  width: 3.92rem;
  height: 100%;
  line-height: 1.44rem;
  text-align: center;
  font-weight: 700;
  color: #f23a3a;
  font-size: 0.373333rem;
}
footer ul li:nth-child(3) {
  width: 3.36rem;
  height: 100%;
  line-height: 1.44rem;
  text-align: center;
  background-color: #ff6200;
  font-size: 0.373333rem;
}
footer ul li:nth-child(3) a {
  color: #fff;
}
